$blue: #3190e8;
$bc: #e4e4e4;
$fc:#fff;
$bg: rgba(0, 0, 0, 0.09);
$icon:rgba(0, 0, 0, 0.4);
$warn:#ffb400;
$danger:#ef4f4f;
$lightGrey:#aaa;
$colorText:#333;
$lineColor:#b2b2b2;
.slide-enter-active,.slide-leave-active{
  transition :all 0.3s
}

.slide-enter,.slide-leave-to{
  transform:translate3d(3rem,0,0);
  opacity:0;
}
.loading-container{
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 50%;
  transform: translateY(-50%) ;
}
.rating_page{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 202;
  background:#f2f2f2;
  padding-top: 1.95rem;
}

@mixin bis($url) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@mixin borderRadius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
}

@mixin allcover{
  position:absolute;
  top:0;
  right:0;
}


@mixin center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


@mixin cl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}


@mixin wh($width, $height){
  width: $width;
  height: $height;
}


@mixin font($size, $line-height, $family: 'Microsoft YaHei') {
  font: #{$size}/#{$line-height} $family;
}


@mixin sc($size, $color){
  font-size: $size;
  color: $color;
}


@mixin fj($type: space-between){
  display: flex;
  justify-content: $type;

}
